﻿/// <reference path="../jquery.min.js" />
/// <reference path="../jquery.blockUI.js" />
/// <reference path="../jquery-ui.min.js" />
/// <reference path="../jquery-vsdoc.js" />
//页面初始化
$(function () {
    $("span.ui-icon-arrowthick-2-n-s").hide();
    showFiles();
});
    
//加载文件列表
var showFiles=function(){
    $.ajaxSetup({cache:false});//解决IE下load事件加载缓存的问题
    $("#MovieList").load(filesListUrl);
};
    
//变换视频集顺序
$("#MovieList").sortable({
    disabled:true,
    cursor:"pointer",
    //延时0.1秒拖动
    //delay: 100,
    //拖动时的空白处样式
    placeholder: "ui-state-highlight",
});

//排序
var filesSort=function () {
    var jsonData="["
    $.each($("#MovieList > li"),function (n,value) {
        orderNum=n+1;
        $(value).children("span").children("b").html(orderNum);
        partID=$(value).attr("partID");
        jsonData+="{\"partID\":"+partID+",\"orderNum\":"+orderNum+"},";
    })
    jsonData=jsonData.substring(0,jsonData.length-1);
    jsonData+="]";
    if (jsonData!="]") {
        //如果列表不为空，则post
        $.ajax({
            url:sortFilesUrl,
            type:'POST',
            data:"videoID="+videoID+"&filesList="+jsonData,
            success:function (result) {
                if(result=="succeed"){
                    alert("排序成功！");
                    showFiles();
                }
                else{
                    alert("排序失败！");
                }
            }
        });
    }
}

var createFile=function(videoID,fileNum,fileUrl){
    var postData="videoID="+videoID+"&orderNum="+fileNum+"&fileUrl="+fileUrl;
        $.ajax({
            url:createFileUrl,
            type:'POST',
            data:postData,
            success:function(result){
                if(result=="succeed"){
                alert("添加成功！");
                $("#Dialog").dialog("close");
                showFiles();
                }
                else{
                alert("添加失败！请检查后重新提交！");
                }
            }
        });
};

var deleteFile=function(videoPartID){
    var postData="videoPartID="+videoPartID;
    $.ajax({
        url:deleteFileUrl,
        type:'POST',
        data:postData,
        success:function(result){
            if(result=="succeed"){
                alert("删除成功！");
                showFiles();
            }
        }
    });
}

var editFile=function(videoPartID,orderNum,fileUrl){
    var postData="videoPartID="+videoPartID+"&orderNum="+orderNum+"&fileUrl="+fileUrl;
    $.ajax({
        url:editFileUrl,
        type:'POST',
        data:postData,
        success:function(result){
            if(result=="succeed"){
                alert("修改成功！");
                showFiles();
            }
            else{
                alert("修改失败！");
            }
        }
    });
};

//初始化对话框
$("#Dialog").dialog({
    autoOpen: false,
    width: 350,
    height: 300,
    resizable: false,
    modal: true,
    buttons: {
        "添加": function () {
            //添加新内容
            fileNum=$("#fileNum").val();
            fileUrl=$("#fileUrl").val();
            createFile(videoID,fileNum,fileUrl);
            //清空textarea
            $("#fileUrl").val("");
        },
        "取消": function () { $(this).dialog("close"); }
    }
});

//"添加视频文件"按钮绑定事件
$("#fileAdd").button().click(function () {
    $("*").stop();
    $("#fileNum").attr("value", $("#filesCount").val());
    $("#Dialog").dialog("open");
    $("#fileUrl").focus();
});

//"调整顺序"按钮
$("#btnSorting").button().click(function(){
    $.blockUI({message:null});
    $("span.ui-icon-arrowthick-2-n-s").show();
    $("#btnSortSave").show();
    $("#btnReset").show();
    $(".btnEdit").hide();
    $(".btnRemove").hide();
    $("#MovieList").sortable({disabled:false});
    $("#List").addClass("listBlock");
});

//“编辑”按钮绑定事件
$(".btnEdit").live("click",function(event){
    var parent=$(event.target).parents();
    $(".btnEdit").hide();
    $(".btnRemove").hide();
    parent.children("input.txtFileUrl").addClass("txtEditing");
    parent.children("input.txtFileUrl").removeAttr("readonly");
    parent.children("a.btnSave").show();
});

//"编辑保存"按钮绑定事件
$(".btnSave").live("click",function (event) {
    var parent=$(event.target).parents();
    var partID=$(event.target).html();
    var orderNum=parent.children("span").children("b").html();
    var fileUrl=parent.children("input.txtFileUrl").val();
    editFile(partID,orderNum,fileUrl);
    //按钮显示/隐藏
    parent.children("input.txtFileUrl").removeClass("txtEditing");
    parent.children("input.txtFileUrl").attr("readonly","readonly");
    $(event.target).hide();
    $(".btnEdit").show();
    $(".btnRemove").show();
})

//“删除”按钮绑定事件
$(".btnRemove").live("click", function (event) {
    var partID=$(event.target).html();
    if(partID!=null){
        deleteFile(partID);
    }
});

//"排序保存"按钮绑定事件
$("#btnSortSave").bind("click", function () {
    filesSort();
    $.unblockUI();
    $("#List").removeClass("listBlock");
    $("#btnSortSave").hide();
    $("#btnReset").hide();
    $("#MovieList").sortable({ disabled: true });
    $(".btnRemove").show();
    $("span.ui-icon-arrowthick-2-n-s").hide();
});

//“重置”按钮绑定事件
$("#btnReset").click(function () {
    window.location.reload();
});

$(":button").button();
